﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="~/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <link href="~/lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
    <link href="~/lib/ligerUI/skins/Gray/css/all.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/common.css" rel="stylesheet" type="text/css" />
    <script src="~/lib/jquery/jquery-1.9.0.min.js" type="text/javascript"></script>
    <script src="~/lib/ligerUI/js/ligerui.all.js"></script>
    <script src="~/Scripts/LiftEffect.js"></script>
    <script src="~/Scripts/common.js"></script>
    <script src="~/Scripts/CreateControl.js" type="text/javascript"></script>
    <script src="~/Scripts/GRInstall.js"></script>
    <style>
        .l-button {
            margin-right: 5px;
            border-radius: 4px;
        }

        .category {
            margin: 2px 0px 2px 10px;
            padding: 0px 5px;
            border: 1px solid #00468C;
            background-color: #ffffff;
            color: #00468C;
            height: 24px;
            line-height: 24px;
            white-space: nowrap;
            float: left;
            cursor: default;
        }

        .checkedCategory {
            color: #ffffff;
            background-color: #00468C;
        }

        .add {
            color: Red;
            border: 1px solid Red;
            text-align: center;
            cursor: default;
            line-height: 20px;
        }

        .checkedAdd {
            color: white;
            background-color: red;
        }

        .rowchange {
            color: Red;
        }

        .l-grid-row-cell-edited .l-grid-row-cell-inner {
            background-image: none;
            margin: 0px ;
        }

        .l-dialog {
            z-index: 100000;
        }

        /*.l-selected .l-grid-row-cell {
            background: #FFFFFF;
        }

        .l-grid-row-over .l-grid-row-cell {
            background: #FFFFFF;
        }*/

        .checkedRowCell {
            width: 98% !important;
            margin: 0px !important;
            height: 26px !important;
            min-height: 26px !important;
            border:1px solid #2BB5BF;
        }
        .checkedRowCellCopy {
            width: 98% !important;
            margin: 0px !important;
            height: 26px !important;
            min-height: 26px !important;
            border:1px dashed #2BB5BF;
        }
        
    </style>
</head>
<body>
    <div id="divHead" style="border: 1px solid #eaeaea; margin: 10px; padding: 5px 10px;">
        <div style="line-height:35px;">
            <input type="button" id="btnShowTemplate" class="l-button" style="width: 80px;" value="保存为模板" />
            <input type="button" id="btnDeleteTemplate" class="l-button" style="width: 80px; " value="删除模板" />
            <input type="button" id="btnSave" class="l-button" style="background: #FFA500;width: 60px;" value="保存" />
            <input type="button" id="btnSubmit" class="l-button" style="background: #FFA500;width: 60px;" value="提交" />
            <input type="button" id="btnDelete" class="l-button" style="width: 80px;" value="删除排班" />
            <input type="button" id="btnAddRow" class="l-button" style="width: 60px;" value="新增行" />
            <input type="button" id="btnEditRow" class="l-button" style="width: 60px;" value="编辑行" />
            <input type="button" id="btnDelRow" class="l-button" style="width: 60px;" value="删除行" />
            <input type="button" id="btnPrint" class="l-button" style="width: 60px;" value="打印">
            <input type="button" id="btnPrintView" class="l-button" style="width: 80px;" value="打印预览">
        </div>
        <div style="margin-top: 5px; border-bottom: 1px solid #eaeaea; height: 35px;">
            <div style="float: left;">
                <input type="button" id="btnPrevCycle" class="l-button" style="width: 80px;" value="上一周期" />
                <input type="button" id="btnNextCycle" class="l-button" style="width: 80px;" value="下一周期" />
            </div>
            <div style="float: left; margin-left: 15px; height: 30px; line-height: 30px;">
                <div style="float:left;">
                    排班模式：
                </div>
                <div style="float:left;margin-top:5px;">
                    <input id="scheduleCycle" type="text" />
                </div>
                <div style="float:left;margin-left:15px;">
                    排班模板：
                </div>
                <div style="float:left;margin-top:5px;">
                    <input id="schedulingTemplate" type="text" />
                </div>
                <div style="float:left;margin-left:15px;">
                    病区：
                </div>
                <div style="float:left;margin-top:5px;">
                    <input id="departmentCode" type="text" />
                </div>
            </div>
            <div style="clear: both;"></div>
        </div>
        <div style="margin-top: 5px;">
            <div style="float: left;">
                <div style="text-align: center; width: 40px; height: 30px; line-height: 30px;">班别：</div>
            </div>
            <div id="divCategory" style="float: left; width: 85%; margin-left: -10px;">
            </div>
            <div style="float: right; height: 30px; line-height: 30px;">
                <a href="javascript:showCategory(1)" id="displayCategory" style="margin-left: 15px;">隐藏<<</a>
            </div>
            <div style="clear: both;"></div>
        </div>
        <div style="margin-top: 5px;">
            <table>
                <tr>
                    <td style="width: 40px;">
                        <div id="btnAddContinue" style="width: 30px; height: 20px;" class="add" onclick="addContinueClick()">
                            追加
                        </div>
                    </td>
                    <td style="width: 80px;">
                        <div style="width: 18px; height: 18px; background-color: #D96D00; border: solid 1px #ccc; float: left;"></div>
                        <div style="float: left; margin-left: 5px; height: 20px; line-height: 20px;">新增人员</div>
                    </td>
                    <td style="width: 90px;">
                        <div style="width: 18px; height: 18px; background-color: #CCFFCC; border: solid 1px #ccc; float: left;"></div>
                        <div style="float: left; margin-left: 5px; height: 20px; line-height: 20px;">已提交班别</div>
                    </td>
                    <td style="width: 80px;">
                        <div style="width: 18px; height: 18px; background-color: #FAF6DC; border: solid 1px #ccc; float: left;"></div>
                        <div style="float: left; margin-left: 5px; height: 20px; line-height: 20px;">暂存班别</div>
                    </td>
                    <td style="width: 80px; display:none;">
                        <div style="width: 18px; height: 18px; background-color: #FFE1FF; border: solid 1px #ccc; float: left;"></div>
                        <div style="float: left; margin-left: 5px; height: 20px; line-height: 20px;">预约班别</div>
                    </td>
                </tr>
            </table>
        </div>
        <div style="clear: both;"></div>
    </div>
    <div id="divMain" style="margin: 10px;">
        <div id="maingrid"></div>
    </div>
    <div id="divBottom" style="border: 1px solid #eaeaea;margin:10px 10px 0px 10px;height:30px;line-height:30px; padding-left:5px;">
        备注信息：<label id="lblSchedulingRemark" style="margin-left: 5px;"></label><a href="javascript:void(0)" id="linkSchedulingRemark" onclick="showSchedulingRemark()" style="margin-left: 15px;">详细>></a>
        <div id="divRemarkInfo" style="padding:5px 10px;display:none;"></div>
    </div>
    <div id="divTemplate" style="display:none;">
        <table style="margin:0 auto;">
            <tr style="height:50px;line-height:50px;">
                <td>
                    模板名称：
                </td>
                <td>
                    <input type="text" id="txtTemplateName" class="l-text" style="width:150px;" maxlength="20"><font style="color:red;">&nbsp;*</font>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align:center;">
                    <input id="btnTemplateSave" type="button" value="保存" class="l-button" />
                </td>
            </tr>
        </table>
    </div>
    <div id="divEditRow" style="display:none;">
        <table style="margin:0 auto;">
            <tr style="height:50px;line-height:50px;">
                <td>
                    名称：
                </td>
                <td>
                    <input type="text" id="txtPersonnelName" class="l-text" style="width:150px;" maxlength="5"><font style="color:red;">&nbsp;*</font>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align:center;">
                    <input id="btnRowSave" type="button" value="保存" class="l-button" />
                </td>
            </tr>
        </table>
    </div>
    <input type="hidden" id="hdnCycleId" value="" />
    <input type="hidden" id="hdnCurrDepCode" value="@(ViewBag.CurrDepCode)" />
    <input type="hidden" id="hdnGrfUrl" value="@Url.Content("~/Grf/护士排班.grf")" />
</body>
</html>
@{
    <script src="~/Areas/Scheduling/Scripts/Scheduling.js"></script>
}
